<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf - 8">
        <meta name = "viewport" content ="initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title></title>
        <style>
            #mydiv{
                background-color:red;
                width: 150px;
                height:150px;
            }

        </style>
</head>
<body>
    <div id= "mydiv"></div>
    <script src="C:/Users/24098/Desktop/978-7-302-48199-7《HTML5 App应用开发教程》教辅/配套资源包/chapter06/scripts/jquery-3.1.1.min.js">

    </script>
    <script>
        $(function(){
            $("#mydiv").click(function(){
               
                console.log("div被点击了");
                
            }).hover(function(){
                console.log("鼠标进入了div");
            },function(){
                console.log("鼠标离开了div");
            })
        }).trigger("click");
    </script>
</body>
</html>